<script setup>
import {ref} from 'vue'

const input = ref('')
import {
  Check, FullScreen,
  Delete,
  Edit,
  Message,
  Search,
  Star,
} from '@element-plus/icons-vue'
</script>

<template>
  <el-button>Default</el-button>
  <el-button type="primary">Primary</el-button>
  <el-button type="success">Success</el-button>
  <el-button type="info">Info</el-button>
  <el-button type="warning">Warning</el-button>
  <el-button type="danger">Danger</el-button>

  <el-button :icon="Search" circle/>
  <el-button type="primary" :icon="Edit" circle/>
  <el-button type="success" :icon="Check" circle/>
  <el-button type="info" :icon="Message" size="small" circle/>
  <el-button type="warning" size="large" :icon="Star" circle/>
  <el-button type="danger" :icon="Delete" size="default" circle/>
  <el-button type="danger" :icon="FullScreen" size="default" circle/>

  <!--  输入框-->

    <el-input
        v-model="input"
        style="width: 240px"
        placeholder="请输入用户名"
        clearable
    />
    <el-input
        v-model="input"
        type="password"
        placeholder="请输入密码"
        show-password
        clearable
   />


</template>

<style scoped>

</style>
